<template>
	<button @click="goBack">返回</button>
	<div class="container">
		<div class="left-side">
			<img src="/public/chou.jpg" class="img-small" />
		</div>
		<div class="right-side">
			<table class="tab" v-for="index in xq" :key="index.id">
				<tr>
					<th>{{index.name}}</th>
					<td>{{index.name_new}}</td>
				</tr>
			</table>
		</div>
	</div>
	<!-- </div> -->
	
</template>

<script setup>
	import {
		useRouter
	} from 'vue-router';
	const router = useRouter()
	const goBack = () => {
		router.back()
	}
	const xq = ([
		{
			name: "末行：",
			name_new: "老生：所扮角色主要是正面人物的中年男子。末：一般扮演比同一剧中老生作用较小的中年男子。传统昆剧演出整部传奇之首出，照例皆为副末念诵词曲开场。",

		}
	])
</script>

<style lang="less" scoped>
	.tab {
		line-height: 50px;
		margin-left: 30px;
	}
	.btn{
		margin-left: 30px;
	}
	.img-small {
		width: 600px;
		height: 500px;
	}

	.container {
		display: flex;
	}
	.right-side {
		margin-right: 300px;
		margin-top: 50px;
	}
</style>